<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apply Online</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
	<div class="wrapper"><div class="header">
    	<div class="top-bar">
        	<div class="main-container clearfix">
            	<a href="#" class="">Log out</a>
                <div class="user">Welcome/ Nourhan Mahmoud Kamel</div>
            </div>
        </div>
        <div class="main-container clearfix">
        	<h1 class="logo">
            	<a href="#">
                	FUTURE UNIVERSITY
                    <span></span>
                </a>
			</h1>
            <a href="index.html" class="apply"></a>
        </div>
    </div>
    <div class="content clearfix">
    	<div class="main-container clearfix">
        	<div class="white-area clearfix">
            	<div class="nav">
                	<ul>
                    	<li>
                        	<a href="index.html">
                            	Home
                            </a>
                        </li>
                        <li>
                        	<a href="profile1.html">
                            	My Profile
                            </a>
                            
                        </li>
                        <li>
                        	<a href="upload-papers.html">
                            	Upload Papers
                            </a>
                        </li>
                        <li>
                        	<a href="messaging-inbox.html">
                            	Messaging
                                <span class="messages-counter">17</span>
                            </a>
                        </li>
                        <li>
                        	<a href="support.html">
                            	Support
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="main-side">
                	<h2>Support</h2>
                    <div class="support">
                    <h3>Title Style</h3>
                    <p>
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.
                    </p>
                    <h3>Title Style</h3>
                    <p>
                    	Et mollis nunc diam eget sapien. Nulla facilisi. Etiam feugiat imperdiet rhoncus. Sed suscipit bibendum enim, sed volutpat tortor malesuada non. Morbi fringilla dui non purus porttitor mattis. Suspendisse quis vulputate risus. Phasellus erat velit, sagittis sed varius volutpat, placerat nec urna. Nam eu metus vitae dolor fringilla feugiat. Nulla.
                    </p>
                    <h3>Title Style</h3>
					<p>
                    	Facilisi. Etiam enim metus, luctus in adipiscing at, consectetur quis sapien. Duis imperdiet egestas ligula, quis hendrerit ipsum ullamcorper et. Phasellus id tristique orci. Proin consequat mi at felis scelerisque ullamcorper. Etiam tempus, felis vel eleifend porta, velit nunc mattis urna, at ullamcorper erat diam dignissim ante. Pellentesque justo risus.
                    </p>
                    <p>
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue, et mollis nunc diam eget sapien. Nulla facilisi. Etiam feugiat imperdiet rhoncus. Sed suscipit bibendum enim, sed volutpat tortor malesuada non. Morbi fringilla dui non purus porttitor mattis. Suspendisse quis vulputate risus. Phasellus erat velit, sagittis sed varius volutpat, placerat nec urna. Nam eu metus vitae dolor fringilla feugiat.


                    </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="footer">
    	<div class="main-container">
        	<div class="footer-center">
            	Copyright © 2014[Future University in Egypt]. All rights reserved.
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
